<layout name='layout_page' />
<link rel="stylesheet" type="text/css" href="<{:STATICS}>/centaurus/css/libs/timeline.css">
<div class="row">
	<div class="col-lg-12">
		<div class="row">
			<div class="col-lg-12">
				<ol class="breadcrumb">
					<li><a href="<{:U('Index/index')}>">Home</a></li>
					<li class="active"><span>Projects</span></li>
				</ol>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-4">
				<div class="main-box no-header clearfix">
					<div class="main-box-body clearfix">
						<div class="form-group menteesBase">
							<img src="<{$mentors['face']|getFace=###}>">
							<p><{$mentors['nickname']}><br/><span class="label label-primary"><{$train['trainItem']}></span><br/><span class="status statusOnLine"> <i class="fa fa-circle"></i> Online </span></p>

						</div>	

						<div class="form-group">
							<label>Title</label>
							<input type="text" class="form-control" value="<{$plan['title']}>" disabled>
						</div>	

						<div class="form-group">
							<label>Start time</label>								
							<div class="input-group">
								<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
								<input type="text" class="form-control" value="<{$plan['startTime']|date="F,d,Y",###}>" disabled>
							</div>
						</div>

						<div class="form-group">
							<label>End time</label>
							<div class="input-group">
								<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
								<input type="text" class="form-control" value="<{$plan['endTime']|date="F,d,Y",###}>" disabled>
							</div>								
						</div>		
						<div class="form-group">
							<label for="exampleTextarea">Descriptions</label>
							<textarea class="form-control" disabled rows=7><{$plan['content']}></textarea>
						</div>	

						<div class="form-group">				
							<a onclick="sendMsg(<{$mentors.userid}>,'<{$mentors.nickname}>');" href="javascript:;" class="btn btn-success"><i class="fa fa-send"></i> <{:L('_send_msg')}></a>	
							<a onclick="chat(<{$mentors.userid}>);" href="javascript:;" class="btn btn-success"><i class="fa fa-comment-o"></i> <{:L('_chat')}></a>	
						</div>
						<input type="hidden" name="trainID" value="<{$plan['trainID']}>">
						<input type="hidden" name="id" value="<{$plan['id']}>">
					</div>
				</div>
			</div>
			<div class="col-lg-8">
			<section id="cd-timeline" class="cd-container">
				<volist name="list" id="vo">
				<div class="cd-timeline-block">
					<div class="cd-timeline-img cd-location">
						<i class="fa fa-map-marker fa-2x"></i>
					</div>
					<div class="cd-timeline-content">
						<h2><{$vo.title}></h2>
						<p><{$vo.content}></p>
						<span class="cd-date"><{$vo.startTime|date="F,d,Y",###}>~<{$vo.endTime|date="F,d,Y",###}></span>
					</div>
				</div>
				</volist>
				</section>
			</div>
		</div>
	</div>
</div>
<script src="<{:STATICS}>/centaurus/js/jquery.easypiechart.min.js"></script>

